<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录首页</title>
    <link rel="stylesheet" href="Login.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/icon/icon.css">
</head>
<body>
<!--头部-->
<header id="xc-user-header">
    <!--头部包装器-->
    <div class="xc-header-wrapper">
        <div class="xc-lg-head">
            <h1 class="xc-jumpHome">
                <a href="../Index/Index.html" type="hidden" title="携程旅行网"></a>
                <!--            <img class="xc-header-img" src="../static/imgs/1.png">-->
            </h1>
        </div>
        <div class="xc-tips">
            <img class="xc-tips-img" src="../static/imgs/user-caveat.png">
            依据《网络安全法》，为保障您相关功能的正常使用，账号需绑定手机，如您未绑定则登录后会引导您操作绑定。 新版
            <a href="http://pages.ctrip.com/public/serve%20guideline.htm?2">《隐私政策》</a>
            已上线，感谢您的支持。
        </div>
    </div>
</header>
<!--主体部分-->
<mianBody id="xc-user-body">
    <div class="xc-body-wrapper">
        <!--广告背景图-->
        <div class="xc-background-wrapper">
            <div class="xc-part-img">
                <div class="xc-part-ads">
                    <span class="xc-ads">广告</span>
                </div>
            </div>
        </div>
        <!--个性登录-->
        <div class="xc-login">
            <div class="xc-login-wrapper">
                <!--个性化登录-->
                <div class="xc-login-box">
                    <!--标题部分-->
                    <h1 class="xc-box-title">
                        携程账号登录
                        <a href="https://passport.ctrip.com/user/member/fastOrder">
                            手机号查单
                            <i>></i>
                        </a>
                    </h1>
                    <!--输入账号密码及登录部分-->
                    <div class="xc-part-inputLogin">
                        <!--账号输入-->
                        <dl>
                            <dd>
                                <input class="xc-inputAccount" type="text" placeholder="国内手机号/用户名/邮箱/卡号">
                            </dd>
                        </dl>
                        <!--密码输入-->
                        <dl class="xc-password">
                            <dd>
                                <input class="xc-inputPassword" type="password" placeholder="登录密码">
                                <a href="">忘记密码</a>
                            </dd>
                        </dl>
                        <!--登录-->
                        <dl>
                            <!--登录选项部分-->
                            <div class="xc-login-set">
                                <div class="xc-check">
                                    <input type="checkbox" checked="checked">
                                    30天内自动登录
                                </div>
                                <a href="">
                                    手机动态密码登录
                                    <img src="../static/imgs/user-rightArrow.png">
                                </a>
                            </div>
                            <dd>
                                <!--点击登录部分-->
                                <input class="xc-submit-login" type="submit" value="登   录">
                            </dd>
                        </dl>
                        <!--提示-->
                        <p class="xc-agreement">
                            登录即代表您同意我们的
                            <a href="">服务协议</a>
                            和
                            <a href="">隐私政策</a>
                        </p>
                    </div>
                    <!--选择登录方式-->
                    <div class="xc-login-selection">
                        <!--关于登录-->
                        <div class="xc-login-about">
                            <a href="">境外手机</a>
                            <span class="xc-sep">|</span>
                            <a href="">公司客户</a>
                            <span class="xc-sep">|</span>
                            <a href="">携程通</a>
                            <a href="" class="free-register">免费注册</a>
                        </div>
                        <!--选则其他登录方式-->
                        <div class="xc-login-other">
                            <!--支付宝-->
                            <a href="" class="iconfont xc-icon-alipay" >&#xe65c;</a>
                            <!--qq-->
                            <a href="" class="iconfont xc-icon-qq">&#xe603;</a>
                            <!--百度-->
                            <a href="" class="iconfont xc-icon-baidu">&#xe600;</a>
                            <!--新浪微博-->
                            <a href="" class="iconfont xc-icon-sina">&#xe621;</a>
                            <!--微信-->
                            <a href="" class="iconfont xc-icon-wechat">&#xe60c;</a>
                        </div>
                    </div>
                    <!--扫码登录-->
                    <div class="xc-login-scanCode">
                        <a href="">
                            扫<br />
                            码<br />
                            登<br />
                            录<br />
                            <img src="../static/imgs/user-code.png">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</mianBody>
<!--底部-->
<footer id="xc-user-foot">
    <div class="xc-foot-wrapper">
        <p>
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">网站导航</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">宾馆索引</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">用户协议</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">关于携程</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">企业公民</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">诚聘英才</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">分销联盟</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">企业礼品卡采购</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">代理合作</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">广告业务</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">联系我们</a>
            |
            <a href="http://pages.ctrip.com/public/sitemap/sitemap.htm">返回旧版</a>
        </p>
        <p>
            <a href="">Copyright ©</a>
            1999-2020,
            <a href="">ctrip.com</a>
            . All rights reserved.
        </p>
    </div>
</footer>
</body>
</html>